<template>
	<view class="coupon">
		<view class="tabs">
			<uv-line />
			<uv-tabs :list="tabsList" lineColor="#D12D26" activeStyle="color: #D12D26" :scrollable="false" />
		</view>
		<view class="content">
			<uv-empty text="暂无优惠券" icon="https://linshitong.oss-cn-shenzhen.aliyuncs.com/dev/image/2025/0814/49047202508141010003568.png" marginTop="50" />
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';

	const tabsList = ref([{ name: '未使用' }, { name: '使用记录' }, { name: '已过期' }])
</script>

<style>
	page {
		background-color: #F6F4F7;
	}
</style>

<style lang="scss" scoped>
	.tabs {
		position: sticky;
		top: var(--window-top);
		background-color: #ffffff;
	}
	.content {
		padding: 30rpx;
	}
</style>